<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/navbar.css">
    <link rel="stylesheet" href="../css/user.css">
    <title>用户中心</title>
</head>

<body>
    <nav class="navbar">
        <div class="nav-logo">
            <img src="../img/logo.png" alt="logo">
            <a href="index.html">Better Color</a>
        </div>
        <div class="nav-mid">
            <input class="search-input" type="text" placeholder="搜索你想要的颜色">
        </div>

        <div class="nav-right">
            <a href="color-create.html" class="nav-link">调色盘</a>
            <div class="user-name">
                <img src="../img/user.jpg" alt="user" class="user-logo">
                <a href="javascript:void(0)">sunshine</a>
            </div>
            <div class="v-line"></div>
            <a href="login.html"><button class="logout-btn">退出登录</button></a>
        </div>
    </nav>

    <div class="card">
        <img src="../img/user.jpg" alt="user" class="user-logo">
        <h3> 用户228</h3>
        <p>ID:1125984622
            <p>
    </div>
    <div class="card">
        <h3>我收藏的</h3>
        <br/>
        <div class="color-item" onclick="window.location.href='color-info.html'">
            <div class="color-title">
                011 尘埃的草
            </div>
            <div class="color-body color-011">
            </div>
            <div class="color-code">
                #d4fc79→#96e6a1
            </div>
        </div>
        <div class="color-item">
            <div class="color-title">
                003 春天的温暖
            </div>
            <div class="color-body color-003">
            </div>
            <div class="color-code">
                #fad0c4→#fad0c4
            </div>
        </div>
        <div class="color-item">
            <div class="color-title">
                018 多云的深圳
            </div>
            <div class="color-body color-018">
            </div>
            <div class="color-code">
                #fdfbfb→#ebedee
            </div>
        </div>
    </div>
    <div class="card">
        <h3>浏览记录</h3>
        <br/>
        <div class="color-item">
            <div class="color-title">
                004 美味的水蜜桃
            </div>
            <div class="color-body color-004">

            </div>
            <div class="color-code">
                #ffecd2→#fcb69f
            </div>
        </div>
        <div class="color-item">
            <div class="color-title">
                006 女士的嘴唇
            </div>
            <div class="color-body color-006">

            </div>
            <div class="color-code">
                #ff9a9e→#fecfef
            </div>
        </div>
        <div class="color-item">
            <div class="color-title">
                009 梦想被冷冻
            </div>
            <div class="color-body color-009">

            </div>
            <div class="color-code">
                #fdcbf1→#e6dee9
            </div>
        </div>
    </div>

</body>

</html>